header,
main,
footer {
	width: 90%;
	margin: 0 auto;
}

header {
	height: 60px;
}

main {
	height: 700px;
	margin: 10px auto;
}

footer {
	height: 100px;
	margin: 10px auto
}

div.rectangle {
	border: 2px solid blue;
	box-sizing: border-box;
	border-radius: 10px;
	box-shadow: 1px 1px 3px #000000;
}

div.rectangle:hover {
	border: 2px solid red;
}

div#minutes,
#seconds {
	width: 100px;
	height: 100px;
	border: 3px solid red;
	font-size: 500%;
	color: #8B0000;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 25%;
}

div.minutes,
.seconds {
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-shadow: 1px 1px 3px #000000;
}

button.endwash {
	width: 350px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 24px;
	color: #8B0000;
	background-color: #E0FFFF;
	border-radius: 10px;
	box-shadow: 1px 1px 3px #000000;
}

button.endwash:hover {
	color: white;
	background-color: red;
}

#time {
	width: 240px;
	height: 36px;
	color: white;
	background-color: #009688;
	border-radius: 18px;
	margin: 0 auto;
}
